<template>
  <div class="list">
    <list-item title="当前年月" :content="data['year-month']"></list-item>
    <list-item title="今年属相" :content="data.animalsYear"></list-item>
    <list-item title="农历年份" :content="data.lunarYear"></list-item>
    <list-item title="事宜事件" :content="data.suit || '无说明'"></list-item>
    <list-item title="避免事件" :content="data.avoid || '无说明'"></list-item>
  </div>
</template>

<script>
import ListItem from "./Item";

export default {
  props: {
    data: Object,
  },
  components: {
    ListItem,
  },
};
</script>

<style lang="less" scoped>
.list {
  padding: 0.15rem;
  box-sizing: border-box;
}
</style>
